<template>
  <div id="welcome">
    <WelcomeHeading />
    <WelcomeContent class="welcome-content" />
  </div>
</template>

<script>
import WelcomeHeading from "./welcomeHeading";
import WelcomeContent from "./welcomeContent";

export default {
  name: "Welcome",
  components: {
    WelcomeHeading,
    WelcomeContent,
  },
};
</script>

<style lang="less" scoped>
#welcome {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f0f2f5;
  .welcome-content {
    height: 90%;
  }
}
</style>